<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    <script src="fasttree.js"></script>
    <link rel="stylesheet" href='Icomoon/style.css'></link>
    <link rel="stylesheet" href='fasttree.css'></link>
</head>

<body>
    <div id="app">
        <fasttree v-for="item in itemlist" :item-data="item" :depth='0' selectmodal="multi" @menuitemclick="handlemenuitemclick"></fasttree>
    </div>
</body>

<script>
    
    // 创建根实例
    new Vue({
        el: '#app',
        methods: {
            handlemenuitemclick(row) {
                console.log(row);
            }
        },
        data: {
            itemlist: [{
                "mouduleurl": "",
                "text": "后台管理",
                "value": "0001",
                "nodes": [{
                    "mouduleurl": "pages/config/config_list.html",
                    "text": "系统参数",
                    "value": "00010001",
                }, {
                    "mouduleurl": "pages/dmp/table_list.html",
                    "text": "数据表结构",
                    "value": "00010002",
                    "nodes": [{
                        "mouduleurl": "pages/config/config_list.html",
                        "text": "数据表关联管理",
                        "value": "00010002001",
                    }]
                }, {
                    "mouduleurl": "pages/module/module_settinglist.html",
                    "text": "模块地址",
                    "value": "00010003",
                }],

            }, {
                "mouduleurl": "",
                "text": "文章管理",
                "value": "0002",
                "nodes": [{
                    "mouduleurl": "pages/article/article_list.html",
                    "text": "文章列表",
                    "value": "00020001",
                }],

            }, {
                "mouduleurl": "",
                "text": "爬虫专题",
                "value": "0003",
                "nodes": [{
                    "mouduleurl": "pages/spider/music/music_search.html",
                    "text": "网易云音乐",
                    "value": "00030001",
                }],

            }, {
                "mouduleurl": "",
                "text": "测试4",
                "value": "0004",
            }]
        }
    })
</script>

</html>